<template>
	<view>
		<view class="price-height"></view>
		<!-- 购物车订单按钮 -->
		<template v-if="isInfo">
			<view class="price-btn">
				<view class="price-title-box"><text style="color: #9E9E9E;font-size: 16px;margin-right: 20rpx;">合计:</text><text style="font-size: 15px;">￥</text>{{orderInfo.goods_price}}</view>
				<view class="price-btn1" @click="$emit('navigatorOrderSuccess')">领取金表</view>
			</view>
		</template>
		<template v-else>
			<view class="price-btn">
				<view class="price-title-box"><text style="color: #9E9E9E;font-size: 16px;margin-right: 20rpx;">合计:</text><text style="font-size: 15px;">￥</text>{{orderInfo.goods_price}}</view>
				<view class="price-btn1" @click="$emit('navigatorOrderSuccess')">提交订单</view>
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		props:{
			orderInfo:Object,
			isInfo:false
		}
	}
</script>

<style lang="scss">
	.price-height{
		height: 100rpx;
	}
	.price-btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #ffffff;
		border-top-left-radius: 30rpx;
		border-top-right-radius: 30rpx;
		padding: 20rpx 30rpx;
	}
	
	.price-title-box {
		color: $uni-color-F37F02;
		font-size: 25px;
	}
	
	.price-btn1 {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 30px;
		// letter-spacing: 2px;
		background-color: $uni-color-F37F02;
		border-radius: 40rpx;
		color: #ffffff;
		font-size: 15px;
	}
</style>